/*带返回箭头标题栏的阴影*/
.mui-bar-nav{box-shadow: 0 1px 6px #ccc;}/*标题栏阴影*/
/*内容总*/
.top-up-wrap{margin-top: 10vh;}
.top-up-wrap .mui-table-view-cell:after {left: 0px;}
.top-up-wrap .mui-table-view-cell{padding:3vw 15px;color: #666666;font-size: 4.75vw;}
/*输入金额的ul*/
.top-up-wrap .top-up-money .mui-table-view-cell input{margin:4vw 0;background-color: #f3f3f3;font-size: 4.75vw;}
/*付款方式*/
.top-up-wrap .top-up-way .mui-table-view-cell {height: 20vw;}
.top-up-wrap .top-up-way .mui-table-view-cell .mui-media-body{line-height: 7vw;}
.top-up-wrap .top-up-way .mui-table-view-cell .mui-ellipsis{font-size: 3.7vw;color: rgba(102,102,102,0.6);line-height: 6vw;}
.top-up-wrap .top-up-way .mui-table-view-cell .mui-media-object{height: 100%;max-width: 18vw;position: relative;width: 15vw}
.top-up-wrap .top-up-way .mui-table-view-cell .iconfont{line-height: 14vw;}
.top-up-wrap .top-up-way .mui-table-view-cell .iconfont.icon-weixinzhifu{color: #00c800;font-size: 10vw;margin-left: 2.5vw}
.top-up-wrap .top-up-way .mui-table-view-cell .iconfont.icon-zhifubao{color: #00a0e9;font-size: 9vw;position: absolute;left: 0px;top: 0px}
.top-up-wrap .top-up-way .mui-table-view-cell .iconfont.icon-yinhangqia{color: #f7c805;font-size: 7vw;margin-left: 3vw}

/*付款的第一个li标签*/
.top-up-wrap .top-up-way li.mui-table-view-cell:first-child{background-color: #faf8f3;height: 0}
/*付款的第二个li标签*/
.top-up-wrap .top-up-way .mui-table-view-cell.way-title{height:auto;}
/*下一步按钮*/
.top-up-wrap .next-step{width: 89vw;border-radius: 0;margin-top: 7vw;height: 15VW;border: none;background-image:url('../images/hong_02.png');background-size: 100% 100%;font-size: 4.75vw;color: #fff;letter-spacing: 2px}

/*复选框*/
@keyframes hover-color {from {border-color: #c0c0c0; }to {border-color: #d24239; } }
.top-up-wrap .payment-type{position: relative;width: 7vw;height: 7vw;margin-right: 1.5vw;margin-top: 3.5vw}
.top-up-wrap .payment-type .magic-checkbox {position: absolute;display: none; }
.top-up-wrap .payment-type .magic-checkbox + label:hover:before {animation-duration: 0.4s;animation-fill-mode: both;animation-name: hover-color; }
.top-up-wrap .payment-type .magic-checkbox + label:before {position: absolute;top: 0;left: 0;display: inline-block;width: 7vw;height: 7vw;border-radius: 50%;content: '';border: 1px solid #c0c0c0; }
.top-up-wrap .payment-type .magic-checkbox + label:after {position: absolute;display: none;content: ''; } 
.top-up-wrap .payment-type .magic-checkbox:checked + label:before {animation-name: none; }
.top-up-wrap .payment-type .magic-checkbox:checked + label:after {display: block; }
.top-up-wrap .payment-type .magic-checkbox + label:after {top: 1vw;left: 2.5vw;box-sizing: border-box;width: 2vw;height: 4vw;transform: rotate(45deg);border-width: 2px;border-style: solid;border-color: #fff;border-top: 0;border-left: 0; } 
.top-up-wrap .payment-type .magic-checkbox:checked + label:before {border: transparent;background: #d24239; }
